@keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes floating {
    from {
        transform: translateY(16px) rotate3d(0, 0, 1, 3deg)
    }

    to {
        transform: translateY(-16px) rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes animation-faguang {
    0% {
        transform: scale(1);
        opacity: .5
    }

    100% {
        transform: scale(1.5);
        opacity: .1
    }
}

header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0rem .1rem .2rem 0rem rgba(34, 34, 34, 0.05);
    height: 1.1rem
}

header .header_inner {
    width: 14rem;
    margin: 0 auto;
    position: relative
}

header .header_inner .logo {
    display: block;
    float: left;
    font-weight: bolder;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 1.1rem
}

header .header_inner .logo a {
    font-size: 0
}

header .header_inner .logo img {
    height: .5rem
}

header .header_inner .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 3.76rem 0 3.1rem
}

header .header_inner .nav::after {
    content: '';
    display: block;
    clear: both
}

header .header_inner .nav li {
    position: relative
}

header .header_inner .nav li .nav_title {
    font-size: .18rem;
    height: 1.1rem;
    line-height: 1.1rem;
    cursor: pointer;
    color: #111;
    position: relative
}

header .header_inner .nav li .nav_title a {
    color: #111
}

header .header_inner .nav li .nav_list {
    width: 14rem;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: all .5s ease-in-out;
    box-sizing: border-box;
    position: fixed;
    left: 50%;
    margin-left: -7rem;
    top: 1.07rem;
    min-width: 2rem;
    background: linear-gradient(to bottom right, #d3338d, #2a4fdb, #2a4fdb);
    border-radius: .02rem
}

header .header_inner .nav li .nav_list dl dd .l_tit {
    font-size: .18rem;
    line-height: .8rem;
    color: #fff;
    width: 3.6rem;
    display: block;
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

header .header_inner .nav li .nav_list dl dd .l_tit a {
    display: block;
    color: #fff
}

header .header_inner .nav li .nav_list dl dd .nav_item_list {
    display: none;
    position: absolute;
    width: 10.4rem;
    height: 4.54rem;
    right: 0;
    top: 0;
    background: #fff;
    padding: .6rem 0 0 .8rem;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .2s ease-in-out
}

header .header_inner .nav li .nav_list dl dd .nav_item_list .nav_i a {
    float: left;
    color: #666;
    font-size: .18rem;
    line-height: .6rem;
    cursor: pointer;
    white-space: nowrap;
    width: 3.12rem;
    margin-bottom: .3rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left
}

header .header_inner .nav li .nav_list dl dd .nav_item_list .nav_i img {
    width: .6rem;
    height: .6rem;
    margin-right: .2rem
}

header .header_inner .nav li .nav_list dl dd .nav_item_list .nav_i a:hover {
    color: #2a4fdb
}

header .header_inner .nav li .nav_list dl .childActive .l_tit {
    transition: all .2s ease-in;
    background: #fff;
    color: #222;
    position: relative
}

header .header_inner .nav li .nav_list dl .childActive .l_tit a {
    display: block;
    color: #222
}

header .header_inner .nav li .nav_list dl .childActive .l_tit::before {
    border: 0;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: .1rem;
    background: linear-gradient(to bottom, #d3338d, #2a4fdb)
}

header .header_inner .nav li .nav_list dl .childActive .nav_item_list {
    display: block
}

header .header_inner .nav li .nav_column {
    background: #fff;
    width: 3.6rem;
    margin-left: -1.8rem;
    position: absolute;
    background: linear-gradient(to bottom right, #d3338d, #2a4fdb)
}

header .header_inner .nav li .nav_column dl dd .l_tit {
    background: 0;
    color: #fff;
    width: auto;
    padding: 0 .24rem
}

header .header_inner .nav li .nav_column dl .childActive {
    box-sizing: border-box
}

header .header_inner .nav li .nav_column dl .childActive .l_tit {
    background: #fff;
    height: .76rem;
    border-bottom: 1px solid transparent
}

header .header_inner .nav li:hover .nav_title::before {
    opacity: 1
}

header .header_inner .nav li:hover .nav_title:hover {
    text-decoration: none
}

header .header_inner .nav li:hover .nav_title:active {
    color: #111
}

header .header_inner .nav li:hover .nav_list {
    opacity: 1;
    height: 4.54rem;
    overflow: inherit
}

header .header_inner .nav li:hover .nav_column {
    opacity: 1;
    height: auto;
    overflow: inherit
}

header nav::after {
    content: '';
    display: block;
    clear: both
}

header .nav_right {
    float: right;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    height: 1.1rem
}

header .nav_right .tel_number {
    display: inline-block;
    height: .4rem;
    line-height: .4rem;
    border-radius: .4rem;
    padding: 0 .2rem;
    text-align: center;
    color: #fff;
    font-size: .16rem;
    background: linear-gradient(to left, #2a4fdb, #d3338d);
    box-shadow: .01rem .06rem .1425rem .0075rem rgba(208, 51, 140, 0.35)
}

header .nav_right .search {
    position: relative;
    height: 100%;
    font-size: 0;
    padding-right: .34rem;
    padding-left: .34rem
}

header .nav_right .search .search_icon {
    width: .25rem;
    height: .24rem;
    margin-top: .45rem;
    cursor: pointer
}

header .nav_right .search .search_icon img {
    width: 100%;
    height: 100%
}

header .nav_right .search .search_input {
    position: absolute;
    right: -2.1rem;
    top: 1.1rem;
    width: 7.65rem;
    background: #fff
}

header .nav_right .search .search_input::before {
    content: '';
    width: .1rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to top, #2a4fdb, #d3338d)
}

header .nav_right .search .search_input .input_square {
    display: none;
    margin: .4rem .38rem .4rem .5rem;
    background: #f4f4f4;
    position: relative
}

header .nav_right .search .search_input .input_square input {
    height: .28rem;
    padding: .19rem .3rem;
    border: 0;
    font-size: .2rem;
    background: #f4f4f4;
    border-radius: .1rem;
    width: 5.4rem
}

header .nav_right .search .search_input .input_square img {
    cursor: pointer;
    width: .32rem;
    height: .31rem;
    position: absolute;
    top: .19rem;
    right: .32rem
}

header .nav_right .search:hover .input_square {
    display: block
}

header .nav_right .nav_login {
    font-size: .18rem;
    height: 100%;
    padding: 0 0 0 .34rem;
    background: url('../images/login_icon.png') no-repeat left center;
    background-size: .25rem .26rem;
    cursor: pointer;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

header .nav_right .nav_login.un_login:hover .login_chanceList {
    display: block
}

header .nav_right .nav_login.un_login .login_chanceList {
    display: none;
    background: linear-gradient(to bottom right, #d3338d, #2a4fdb);
    position: absolute;
    left: 50%;
    top: 100%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3.6rem
}

header .nav_right .nav_login.un_login .login_chanceList a {
    position: relative;
    display: block;
    text-decoration: none;
    height: .81rem;
    line-height: .81rem;
    text-align: center;
    font-size: .18rem;
    font-style: normal;
    transition: all .2s ease-in;
    color: #fff
}

header .nav_right .nav_login.un_login .login_chanceList a span {
    display: inline-block;
    vertical-align: middle;
    width: .2rem;
    height: .24rem;
    margin-right: .2rem;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom
}

header .nav_right .nav_login.un_login .login_chanceList a span.userBtn {
    background-image: url('../images/user_login_btn1.png')
}

header .nav_right .nav_login.un_login .login_chanceList a span.customerBtn {
    background-image: url('../images/user_login_btn2.png')
}

header .nav_right .nav_login.un_login .login_chanceList a.loginActive {
    background: #fff;
    color: #222
}

header .nav_right .nav_login.un_login .login_chanceList a.loginActive span {
    background-position: center top
}

header .nav_right .nav_login.un_login .login_chanceList a.loginActive::after {
    display: block
}

header .nav_right .nav_login.un_login .login_chanceList a::after {
    display: none;
    content: '';
    width: .1rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #d3338d, #2a4fdb)
}

header .nav_right .nav_login.already_login {
    background: 0;
    padding: 0
}

header .nav_right .nav_login.already_login:hover i {
    display: block
}

header .nav_right .nav_login.already_login i {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 2.2rem;
    height: .8rem;
    line-height: .8rem;
    text-align: center;
    font-size: .18rem;
    font-style: normal;
    background: #fff;
    transition: all .2s ease-in
}

header .nav_right .nav_login.already_login i::before {
    content: '';
    width: 0;
    height: 0;
    border-left: .12rem solid transparent;
    border-right: .12rem solid transparent;
    border-bottom: .17rem solid #fff;
    background-size: 100% 100%;
    position: absolute;
    top: -0.12rem;
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 210
}

header .nav_right .nav_login.already_login i::after {
    content: '';
    width: .1rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #d3338d, #2a4fdb)
}

header .nav_right .nav_language {
    display: inline-block;
    position: relative;
    font-size: .18rem;
    height: 100%;
    margin-left: .34rem;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

header .nav_right .nav_language .lan span {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    margin-right: .1rem;
    border: 2px solid #2a2a2a;
    box-sizing: border-box;
    border-radius: .05rem;
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .2rem
}

header .nav_right .nav_language:hover .languageList {
    display: block
}

header .nav_right .nav_language .languageList {
    display: none;
    background: linear-gradient(to bottom right, #d3338d, #2a4fdb);
    position: absolute;
    left: 50%;
    top: 100%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 3.6rem
}

header .nav_right .nav_language .languageList a {
    position: relative;
    display: block;
    text-decoration: none;
    height: .81rem;
    line-height: .81rem;
    text-align: center;
    font-size: .18rem;
    font-style: normal;
    transition: all .2s ease-in;
    color: #fff
}

header .nav_right .nav_language .languageList a span {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    margin-right: .15rem;
    border: 2px solid #fff;
    box-sizing: border-box;
    border-radius: .05rem;
    display: -ms-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .18rem
}

header .nav_right .nav_language .languageList a.lanActive {
    background: #fff;
    color: #222
}

header .nav_right .nav_language .languageList a.lanActive::after {
    display: block
}

header .nav_right .nav_language .languageList a::after {
    display: none;
    content: '';
    width: .1rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #d3338d, #2a4fdb)
}

header .nav_right .nav_language .languageList a.lanActive span {
    color: #7543b9;
    border: 2px solid #7543b9
}

.freeTry {
    transition: opacity .3s linear;
    width: 100%;
    height: 100%;

    top: 0;
    background: rgba(0, 0, 0, 0.3);

}

.freeTry .freeTry_mask {
    width: 100%;
    height: 100%;

    z-index: 501
}

.freeTry .freeTry_content {
    height: 10.30rem;
    width: 19.20rem;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.freeTry .freeTry_content .closeFreeTry {
    width: .4rem;
    height: .4rem;
    background: url('../images/closefreetry.png') no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    right: .6rem;
    top: .6rem;
    cursor: pointer;
    z-index: 1
}

.freeTry .freeTry_content .freeTry_left {
    width: 50%;
    height: 100%;
    float: left;
    background: url('../images/freetry_bg.jpg') #eeecf2 no-repeat center center;
    background-size: 100% 100%;
    padding: 0 .78rem;
    box-sizing: border-box
}

.freeTry .freeTry_content .freeTry_left .logo {
    font-size: 0;
    margin-top: .58rem
}

.freeTry .freeTry_content .freeTry_left .logo img {
    height: .52rem
}

.freeTry .freeTry_content .freeTry_left .freeTry_txt {
    height: 3.6rem;
    display: table-cell;
    vertical-align: middle;
    color: #222
}

.freeTry .freeTry_content .freeTry_left .freeTry_txt p {
    font-size: .3rem;
    line-height: .54rem
}

.freeTry .freeTry_content .freeTry_left .freeTry_txt h3 {
    font-size: .55rem;
    line-height: .88rem
}

.freeTry .freeTry_content .freeTry_left .freeTry_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.freeTry .freeTry_content .freeTry_left .freeTry_list li {
    font-size: 0;
    width: 1.49rem;
    height: .93rem;
    border-radius: .1rem;
    border: .01rem solid #e0e0e0;
    box-shadow: 1px 10px 19px 1px rgba(153, 153, 153, 0.2);
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: .14rem
}

.freeTry .freeTry_content .freeTry_left .freeTry_list li img {
    width: 100%;
    height: 100%
}

.freeTry .freeTry_content .freeTry_right {
    width: 50%;
    height: 100%;
    float: right;
    padding: 1.37rem 2rem 0 2rem;
    box-sizing: border-box;
    position: relative
}

.freeTry .freeTry_content .freeTry_right::before {
    content: '';
    display: block;
    width: 5.85rem;
    height: 5.68rem;
    position: absolute;
    top: 0;
    right: 0;
    background: url('../images/sky_star_right.png') #fff no-repeat bottom center;
    background-size: 100% 100%;
    z-index: -1
}

.freeTry .freeTry_content .freeTry_right h3 {
    font-size: .4rem;
    text-align: center;
    color: #000;
    line-height: .6rem
}

.freeTry .freeTry_content .freeTry_right p {
    font-size: .2rem;
    text-align: center;
    color: #999;
    line-height: .4rem
}

.freeTry .freeTry_content .freeTry_right .freeTry_form {
    padding-top: .4rem
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item {
    margin-bottom: .15rem
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .input_tit {
    font-size: .16rem;
    color: #222;
    line-height: .5rem;
    width: 1.1rem;
    float: left;
    position: relative
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .input_tit.required::before {
    content: '*';
    display: block;
    position: absolute;
    left: -0.18rem;
    top: 0;
    font-size: .16rem;
    color: #d1338e
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .inputVal {
    margin-left: 1.1rem;
    display: block;
    position: relative;
    font-size: .16rem;
    padding: .11rem .24rem;
    border: .01rem solid #dcdcdc;
    transition: .3s;
    font-size: .14rem;
    height: .5rem;
    color: #777;
    width: calc(100% - 1.1rem);
    border-radius: .03rem;
    box-sizing: border-box
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .inputVal:focus {
    color: #0133ed;
    border: .01rem solid #0133ed
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv {
    margin-left: 1.1rem;
    position: relative
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectInput {
    height: .5rem;
    line-height: .5rem;
    box-sizing: border-box;
    border: .01rem solid #dcdcdc;
    border-radius: .03rem;
    padding: 0 .24rem;
    font-size: .14rem;
    cursor: pointer;
    position: relative
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectInput::after {
    position: absolute;
    transition: all .3s;
    right: .25rem;
    top: .17rem;
    content: '';
    display: block;
    width: .17rem;
    height: .1rem;
    background: url('../images/select_down_icon.png') no-repeat center center;
    background-size: 100% 100%
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectInput.on::after {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectInput span {
    font-size: .14rem;
    color: #999;
    font-weight: lighter
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectList {
    display: none;
    position: absolute;
    left: 0;
    top: .5rem;
    width: 100%;
    background: #fff;
    border: .01rem solid #dcdcdc;
    border-top: 0;
    box-sizing: border-box;
    max-height: 2.2rem;
    overflow-y: scroll;
    z-index: 2
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectList.active {
    display: block
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectList li {
    line-height: .5rem;
    padding: 0 .24rem;
    cursor: pointer;
    font-size: .16rem
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectList li:hover {
    color: #0133ed
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectList li:nth-last-child(1) {
    border-bottom: 0
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .input_textarea {
    border-radius: .03rem;
    border: .01rem solid #dcdcdc;
    resize: none;
    float: left;
    width: calc(100% - 1.1rem);
    box-sizing: border-box;
    font-size: .16rem;
    padding: .11rem .24rem
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .code {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .code .yzm {
    width: 3.11rem;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: .1rem
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .code i {
    display: none;
    font-size: .18rem;
    color: #999;
    width: 1.82rem;
    height: .5rem;
    font-style: normal;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .code span {
    font-size: .14rem;
    color: #0133ed;
    width: 1.82rem;
    height: .5rem;
    background: #f1f4f8;
    display: inline-block;
    border-radius: .05rem;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.freeTry .freeTry_content .freeTry_right .freeTry_form .submit_btn {
    font-size: .18rem;
    color: #fff;
    border-radius: .05rem;
    width: 100%;
    height: .6rem;
    cursor: pointer;
    margin-top: .5rem;
    margin-bottom: .26rem;
    box-shadow: 0 5px 10px 0 rgba(63, 76, 209, 0.35);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(to left, #2a4fdb, #d3338d)
}

.freeTry .freeTry_content .freeTry_right .agree_msg {
    font-size: .16rem;
    color: #999;
    line-height: .2rem;
    text-align: center;
    cursor: pointer
}

.freeTry .freeTry_content .freeTry_right .agree_msg span {
    display: inline-block;
    margin-right: .1rem;
    width: .15rem;
    height: .15rem;
    background-image: url('../images/checkbox_icon.png');
    background-position: top center;
    background-size: 100% auto
}

.freeTry .freeTry_content .freeTry_right .agree_msg span.active {
    background-position: bottom center
}

.freeTry .freeTry_content .freeTry_right .agree_msg a {
    color: #999;
    font-style: normal
}

.loginRegister_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background: rgba(0, 0, 0, 0.5)
}

.loginRegister_page .loginRegister_main {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8.2rem;
    height: 5.5rem;
    margin: -2.75rem -4.1rem;
    background: #fff;
    border-radius: .1rem;
    overflow: hidden
}

.loginRegister_page .loginRegister_main .loginRegister_left {
    float: left;
    width: 3.5rem;
    height: 100%;
    font-size: 0
}

.loginRegister_page .loginRegister_main .loginRegister_left img {
    width: 100%;
    height: 100%
}

.loginRegister_page .loginRegister_main .loginRegister_right {
    margin-left: 3.5rem;
    position: relative;
    padding: .44rem .5rem 0 .5rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .closeLogin {
    position: absolute;
    top: .3rem;
    right: .3rem;
    width: .14rem;
    height: .15rem;
    background-image: url('../images/close_btn.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    cursor: pointer
}

.loginRegister_page .loginRegister_main .loginRegister_right .closeLogin:hover {
    opacity: .5
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_tit {
    font-size: .26rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_tit span {
    font-size: .14rem;
    margin-left: .16rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_tit i {
    font-size: .14rem;
    font-style: normal;
    color: #0133ed;
    cursor: pointer
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_square {
    padding-top: .44rem;
    position: relative;
    text-align: center
}

.loginRegister_page .loginRegister_main .loginRegister_right .register_square {
    padding-top: .24rem;
    position: relative;
    text-align: center
}

.loginRegister_page .loginRegister_main .loginRegister_right iframe {
    margin: -50px auto 0;
    width: 100%;
    height: 340px
}

.loginRegister_page .loginRegister_main .loginRegister_right .error_ts {
    color: red;
    font-size: .14rem;
    position: absolute;
    left: 0;
    top: .16rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_ts {
    width: 1.6rem;
    height: .38rem;
    line-height: .36rem;
    margin: 0 auto .12rem;
    text-align: center;
    font-size: .14rem;
    background: url('../images/login_ts_bg.png') no-repeat center center;
    background-size: 100% 100%
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_ts img {
    height: .15rem;
    margin-right: .05rem;
    vertical-align: middle
}

.loginRegister_page .loginRegister_main .loginRegister_right .wechat_ewm {
    width: 1.62rem;
    height: 1.62rem;
    font-size: 0;
    margin: 0 auto;
    overflow: hidden
}

.loginRegister_page .loginRegister_main .loginRegister_right .wechat_ewm canvas {
    width: 100% !important;
    height: 100% !important
}

.loginRegister_page .loginRegister_main .loginRegister_right .wechat_ewm img {
    width: 100%;
    height: 100%
}

.loginRegister_page .loginRegister_main .loginRegister_right .agree {
    text-align: center;
    font-size: .14rem;
    line-height: .24rem;
    margin-top: .15rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .agree a {
    color: #0133ed
}

.loginRegister_page .loginRegister_main .loginRegister_right .agree a:hover {
    text-decoration: none
}

.loginRegister_page .loginRegister_main .loginRegister_right .inputVal {
    display: block;
    position: relative;
    height: .2rem;
    padding: .1rem .18rem;
    border: .01rem solid #dcdcdc;
    transition: .3s;
    font-size: .14rem;
    color: #777;
    width: calc(100% - .36rem);
    margin-bottom: .15rem;
    border-radius: .05rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .inputVal:focus {
    color: #0133ed;
    border: .01rem solid #0133ed
}

.loginRegister_page .loginRegister_main .loginRegister_right .code {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .15rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .code .yzm {
    width: 2rem;
    margin-bottom: 0
}

.loginRegister_page .loginRegister_main .loginRegister_right .code i {
    display: none;
    font-size: .14rem;
    color: #999;
    width: 1.23rem;
    height: .44rem;
    font-style: normal;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.loginRegister_page .loginRegister_main .loginRegister_right .code span {
    font-size: .14rem;
    color: #0133ed;
    width: 1.23rem;
    height: .44rem;
    background: #f1f4f8;
    display: inline-block;
    border-radius: .05rem;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.loginRegister_page .loginRegister_main .loginRegister_right .forget_btn {
    font-size: .14rem;
    line-height: .22rem;
    text-align: right
}

.loginRegister_page .loginRegister_main .loginRegister_right .forget_btn span {
    color: #777;
    cursor: pointer
}

.loginRegister_page .loginRegister_main .loginRegister_right .forget_btn span:hover {
    color: #0133ed
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_btn {
    font-size: .14rem;
    color: #fff;
    border-radius: .05rem;
    width: 100%;
    height: .4rem;
    cursor: pointer;
    margin-top: .25rem;
    margin-bottom: .58rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background: linear-gradient(to left, #2a4fdb, #d3338d)
}

.loginRegister_page .loginRegister_main .loginRegister_right .register_btn {
    margin-bottom: .1rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .forget_pass {
    padding-top: .42rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .forget_pass .forget_item {
    color: #999;
    font-size: .14rem;
    padding-bottom: .46rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .forget_pass .forget_item span {
    margin-right: .28rem;
    cursor: pointer;
    line-height: .26rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .forget_pass .forget_item .active {
    font-size: .18rem;
    color: #111;
    position: relative;
    z-index: 1
}

.loginRegister_page .loginRegister_main .loginRegister_right .forget_pass .forget_item .active::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    display: block;
    width: 100%;
    height: .06rem;
    background: #d5e1fd;
    z-index: -1
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_other {
    margin-top: .44rem;
    height: .3rem;
    line-height: .3rem;
    text-align: center;
    position: relative
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_other::before {
    position: absolute;
    left: 0;
    top: .15rem;
    content: '';
    display: block;
    width: 100%;
    height: .01rem;
    background: rgba(0, 0, 0, 0.15);
    z-index: 0
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_other span {
    font-size: .16rem;
    display: inline-block;
    background: #fff;
    padding: 0 .12rem;
    position: relative;
    z-index: 1
}

.loginRegister_page .loginRegister_main .loginRegister_right .register_tit {
    margin-top: .26rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .22rem
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item {
    width: 1.06rem;
    text-align: center;
    cursor: pointer
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item:hover .mode_img {
    background-position: bottom center
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item:hover .mode_name {
    color: #0133ed
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .mode_img {
    font-size: 0;
    width: .45rem;
    height: .45rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    display: inline-block;
    overflow: hidden
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .mode_img:hover {
    background-position: bottom center
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .wechat_mode {
    background-image: url('../images/mode_wechat.png')
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .tel_mode {
    background-image: url('../images/mode_tel.png')
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .email_mode {
    background-image: url('../images/mode_email.png')
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .eWechat_mode {
    background-image: url('../images/mode_ewechat.png')
}

.loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .mode_name {
    font-size: .14rem;
    line-height: .34rem;
    color: #666
}

.main .subpageBanner {
    position: relative;
    width: 100%;
    font-size: 0
}

.main .subpageBanner .demoShow {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2010;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5)
}

.main .subpageBanner .demoShow .demoShow_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 12rem;
    height: auto;
    border-radius: .1rem;
    overflow: hidden
}

.main .subpageBanner .demoShow .demoShow_inner .closeVideo {
    display: block;
    content: '';
    width: .4rem;
    height: .4rem;
    background: url('../images/closefreetry.png') #fff no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    right: .4rem;
    top: .4rem;
    cursor: pointer;
    z-index: 1;
    border-radius: 50%;
    overflow: hidden
}

.main .subpageBanner .demoShow .demoShow_inner video {
    width: 100%
}

.main .subpageBanner .subpageBanner_img {
    position: relative
}

.main .subpageBanner .subpageBanner_img img {
    width: 100%
}

.main .subpageBanner .subpageBanner_inner {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -7rem;
    width: 14rem;
    height: 100%
}

.main .subpageBanner .subpageBanner_inner .subpageBanner_txt {
    position: absolute;
    top: 50%;
    left: 0;
    color: #222;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main .subpageBanner .subpageBanner_inner .subpageBanner_txt .subpageBanner_title {
    font-size: .6rem;
    line-height: .6rem;
    font-weight: bold;
    padding-bottom: .26rem;
    text-shadow: .01rem .06rem .297rem rgba(252, 250, 251, 0.3)
}

.main .subpageBanner .subpageBanner_inner .subpageBanner_txt .subpageBanner_desc {
    font-size: .3rem;
    line-height: .4rem;
    text-shadow: .01rem .06rem .297rem rgba(252, 250, 251, 0.3)
}

.main .subpageBanner .subpageBanner_inner .subpageBanner_txt .banner_btn {
    padding-top: .62rem
}

.main .subpageBanner .subpageBanner_inner .subpageBanner_txt .banner_btn .free_try {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    min-width: 3rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .22rem;
    padding: 0 .54rem;
    box-sizing: border-box;
    border-radius: .6rem;
    color: #fff;
    background: linear-gradient(to left, #2a4fdb, #d3338d);
    box-shadow: 0rem .08rem .19rem .01rem rgba(0, 51, 238, 0.35);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.main .subpageBanner .subpageBanner_inner .subpageBanner_txt .banner_btn .free_try img {
    width: .2rem;
    height: .13rem;
    margin-left: .1rem
}

.main .subpageBanner .subpageBanner_inner .subpageBanner_txt .banner_btn .watch_demo {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 2.01rem;
    height: .6rem;
    margin-left: .22rem;
    border-radius: .6rem;
    background: #fff;
    text-align: center;
    font-size: .22rem;
    color: #111;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.main .subpageBanner .subpageBanner_bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: .72rem;
    line-height: .72rem;
    background: rgba(255, 255, 255, 0.2)
}

.main .subpageBanner .subpageBanner_bottom .subpageBanner_nav {
    width: 14rem;
    margin: 0 auto;
    font-size: .18rem;
    color: #666
}

.main .subpageBanner .subpageBanner_bottom .subpageBanner_nav span {
    color: #666;
    cursor: pointer
}

.main .subpageBanner .subpageBanner_bottom .subpageBanner_nav i {
    padding: 0 .18rem
}

.main .textColumn {
    position: relative;
    width: 100%;
    padding-bottom: 1.2rem;
    background-image: url('../images/challenage_bg.jpg');
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.main .textColumn .textColumn_inner {
    width: 14rem;
    margin: 0 auto
}

.main .textColumn .textColumn_inner .textColumn_title {
    text-align: center;
    font-size: .48rem;
    line-height: .48rem;
    padding-top: 1.16rem;
    font-weight: bold
}

.main .textColumn .textColumn_inner .textColumn_desc {
    font-size: .24rem;
    line-height: .24rem;
    padding-top: .26rem;
    color: #666;
    text-align: center
}

.main .textColumn .textColumn_inner .textColumn_main {
    position: relative;
    background: #fff;
    padding: .46rem .6rem;
    border-radius: .1rem;
    margin-top: .8rem;
    font-size: .18rem;
    color: #666;
    line-height: .36rem;
    min-height: 1.42rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.g-page {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 0
}

.g-page li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    width: .53rem;
    height: .52rem;
    line-height: .52rem;
    margin: 0 .03rem;
    background-color: #fff;
    color: #333;
    font-size: .16rem;
    border: .01rem solid #e2e2e2;
    cursor: pointer;
    text-align: center
}

.g-page li a {
    display: block;
    color: #333
}

.g-page .pageNum a:hover {
    color: #fff;
    background: linear-gradient(to left, #2a4fdb, #d3338d)
}

.g-page .activePage a {
    background: linear-gradient(to left, #2a4fdb, #d3338d);
    color: #fff
}

.g-page .activePage a:hover {
    color: #fff
}

.page .reportDetail {
    position: relative;
    width: 100%;
    padding-bottom: 1rem;
    background: url('../images/core_advantage_bg2.jpg') #fff no-repeat bottom center;
    background-size: 100% auto
}

.page .reportDetail:before {
    content: '';
    display: block;
    width: 5.92rem;
    height: 6.24rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../images/sky_star_left.jpg') #fff no-repeat bottom center;
    background-size: 100% 100%
}

.page .reportDetail .reportDetail_inner {
    width: 14rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.page .reportDetail .reportDetail_inner .detail_title {
    font-size: .45rem;
    line-height: .75rem;
    text-align: center;
    margin-top: .56rem;
    font-weight: bold
}

.page .reportDetail .reportDetail_inner .detail_desc {
    text-align: center;
    font-size: .22rem;
    color: #666;
    line-height: .66rem;
    margin-bottom: .6rem
}

.page .reportDetail .reportDetail_inner .detail_desc span {
    margin: 0 .4rem
}

.page .reportDetail .reportDetail_inner .detail_content {
    border-top: .01rem solid #e5e5e5;
    padding: .6rem 0
}

.page .reportDetail .reportDetail_inner .detail_content img {
    max-width: 100%
}

.page .reportDetail .reportDetail_inner .detail_download_wraper {
    text-align: center;
    padding: .5rem 0
}

.page .reportDetail .reportDetail_inner .detail_download_wraper .detail_download {
    height: .4rem;
    line-height: .4rem;
    border-radius: .4rem;
    background: #ededed;
    color: #222;
    font-size: .14rem;
    padding: 0 .24rem;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.page .reportDetail .reportDetail_inner .detail_download_wraper .detail_download i {
    display: inline-block;
    width: .12rem;
    height: .14rem;
    margin-left: .16rem;
    background: url('../images/down_icon.png') no-repeat top center;
    background-size: 100% auto
}

.page .reportDetail .reportDetail_inner .detail_download_wraper .detail_download:hover {
    text-decoration: none;
    color: #fff;
    background: linear-gradient(to left, #2a4fdb, #d3338d)
}

.page .reportDetail .reportDetail_inner .detail_download_wraper .detail_download:hover i {
    background: url('../images/down_icon.png') no-repeat bottom center;
    background-size: 100% auto
}

.page .reportDetail .reportDetail_inner .detail_download_wraper .detail_download img {
    vertical-align: middle;
    margin-left: .1rem
}

.page .reportDetail .reportDetail_inner .detail_column {
    border-top: .01rem solid #e5e5e5;
    padding-top: .78rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.page .reportDetail .reportDetail_inner .detail_column .column_span {
    width: 2rem;
    height: .6rem;
    background: #fff;
    border: .01rem solid #e5e5e5;
    margin: 0 .1rem;
    font-size: .18rem;
    color: #333;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.page .reportDetail .reportDetail_inner .detail_column .column_span:hover {
    color: #fff;
    cursor: pointer;
    background: linear-gradient(to left, #2a4fdb, #d3338d)
}

footer {
    width: 100%;
    background: #fff
}

footer .ad_banner {
    width: 100%;
    height: 2.2rem;
    background: #1f1921;
    position: relative
}

footer .ad_banner:before {
    display: block;
    content: '';
    width: 1.82rem;
    height: 1.26rem;
    background: url('../images/ad_bg_left.jpg') no-repeat center center;
    position: absolute;
    left: 0;
    bottom: 0
}

footer .ad_banner:after {
    display: block;
    content: '';
    width: 1.59rem;
    height: 1.26rem;
    background: url('../images/ad_bg_right.jpg') no-repeat center center;
    position: absolute;
    right: 0;
    bottom: 0
}

footer .ad_banner .ad_banner_inner {
    position: relative;
    width: 14rem;
    height: 100%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    background: url('../images/ad_bg_center.jpg') no-repeat right 1.55rem top;
    background-size: auto 1.27rem;
    z-index: 10
}

footer .ad_banner .ad_banner_inner .ad_info {
    font-size: .36rem;
    color: #fff
}

footer .ad_banner .ad_banner_inner .ad_btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 3rem;
    height: .6rem;
    line-height: .6rem;
    font-size: .22rem;
    padding: 0 .54rem;
    box-sizing: border-box;
    border-radius: .6rem;
    color: #fff;
    background: linear-gradient(to left, #df944a, #d8c85b);
    box-shadow: 3px 20px 27px 3px rgba(228, 146, 73, 0.35);
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

footer .ad_banner .ad_banner_inner .ad_btn img {
    width: .2rem;
    height: .13rem
}

footer .footer_support {
    padding: .44rem 0;
    border-bottom: .01rem solid rgba(90, 90, 90, 0.1)
}

footer .footer_support .support_inner {
    width: 14rem;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

footer .footer_support .support_inner .support_item {
    -ms-flex-positive: 1;
    flex-grow: 1
}

footer .footer_support .support_inner .support_item dt {
    float: left;
    font-size: 0
}

footer .footer_support .support_inner .support_item dt img {
    width: .51rem;
    height: .5rem
}

footer .footer_support .support_inner .support_item dd {
    margin-left: .67rem
}

footer .footer_support .support_inner .support_item dd h3 {
    font-size: .18rem;
    font-weight: normal;
    line-height: .18rem
}

footer .footer_support .support_inner .support_item dd p {
    font-size: .14rem;
    padding-top: .1rem;
    line-height: .14rem;
    color: #999
}

footer .footer_nav {
    padding: .4rem 0;
    border-bottom: .01rem solid rgba(90, 90, 90, 0.1)
}

footer .footer_nav .nav_inner {
    width: 14rem;
    margin: 0 auto
}

footer .footer_nav .nav_inner .nav_list {
    float: left
}

footer .footer_nav .nav_inner .nav_list li {
    float: left;
    width: 2rem
}

footer .footer_nav .nav_inner .nav_list li:nth-child(2n) {
    width: 1.83rem
}

footer .footer_nav .nav_inner .nav_list li h3 {
    font-size: .16rem;
    line-height: .16rem;
    padding-bottom: .2rem;
    color: #444
}

footer .footer_nav .nav_inner .nav_list li p a {
    font-size: .14rem;
    color: #999;
    line-height: .24rem;
    cursor: pointer
}

footer .footer_nav .nav_inner .nav_list li p a:hover {
    color: #03e
}

footer .footer_nav .nav_inner .nav_ewm {
    float: right;
    font-size: 0;
    width: 1.3rem;
    height: 1.3rem
}

footer .footer_nav .nav_inner .nav_ewm img {
    width: 100%;
    height: 100%
}

footer .copyright {
    height: .82rem;
    line-height: .82rem;
    color: #999;
    font-size: 0;
    text-align: center
}

footer .copyright .copyright_inner {
    width: 14rem;
    margin: 0 auto;
    position: relative
}

footer .copyright .copyright_inner .beian {
    display: inline-block;
    text-decoration: none;
    padding: 0 .41rem;
    font-size: .14rem;
    color: #999;
    vertical-align: middle
}

footer .copyright .copyright_inner .beian img {
    vertical-align: middle;
    margin-left: .14rem
}

footer .copyright .copyright_inner span {
    padding: 0 .41rem;
    font-size: .14rem;
    vertical-align: middle
}

footer .copyright .copyright_inner span img {
    vertical-align: middle;
    margin-left: .14rem
}

footer .copyright .copyright_inner .policy {
    font-size: .14rem;
    line-height: .3rem;
    padding-bottom: .2rem
}

footer .copyright .copyright_inner .policy a {
    color: #999;
    font-size: .14rem;
    font-style: normal;
    cursor: pointer
}

footer .copyright .copyright_inner .policy a:hover {
    color: #03e
}

footer .copyright .copyright_inner .policy em {
    padding: 0 .1rem
}

.video_wrap {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999
}

.video_wrap .video_main {
    position: fixed;
    background: #000;
    width: 12rem;
    max-width: 860px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video_wrap .video_main video {
    width: 100%
}

.video_wrap .video_main .closeBtn {
    width: .4rem;
    height: .4rem;
    position: absolute;
    cursor: pointer;
    top: -0.6rem;
    right: -0.6rem;
    color: #fff;
    font-size: 0
}

.video_wrap .video_main .closeBtn img {
    width: 100%;
    height: 100%
}

.offcialAccount {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.3);
    z-index: 9999
}

.offcialAccount .offical_main {
    width: 3.4rem;
    height: 3.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    margin-left: -2rem;
    margin-top: -2rem;
    border-radius: .1rem
}

.offcialAccount .offical_main .closeBtn {
    background: #fff;
    border-radius: 50%;
    width: .4rem;
    height: .4rem;
    position: absolute;
    top: -0.4rem;
    right: -0.4rem;
    cursor: pointer
}

.offcialAccount .offical_main .closeBtn img {
    width: 100%;
    height: 100%
}

.offcialAccount .offical_main .offical_ts {
    height: .8rem;
    line-height: .8rem;
    padding-top: .2rem;
    text-align: center;
    font-size: .22rem
}

.offcialAccount .offical_main .offical_img {
    width: 2.2rem;
    height: 2.2rem;
    margin: .1rem auto 0;
    font-size: 0
}

.offcialAccount .offical_main .offical_img img {
    width: 100%;
    height: 100%
}

@media screen and (max-width:960px) {
    header {
        background-color: rgba(255, 255, 255, 0.9);
        box-shadow: 0 .1rem .2rem 0 rgba(34, 34, 34, 0.05);
        height: 1rem
    }

    header .header_inner {
        width: auto;
        margin: 0 .3rem
    }

    header .header_inner .logo {
        height: 1rem
    }

    header .header_inner .logo img {
        height: .45rem
    }

    header .header_inner .nav {
        display: none;
        position: fixed;
        left: 0;
        top: 1rem;
        height: 100vh;
        width: 100%;
        background: linear-gradient(to bottom right, #d3338d, #2a4fdb);
        margin: 0
    }

    header .header_inner .nav::after {
        content: '';
        display: block;
        clear: both
    }

    header .header_inner .nav li {
        float: inherit;
        padding: 0;
        position: static
    }

    header .header_inner .nav li .nav_title {
        font-size: .24rem;
        height: .92rem;
        line-height: .92rem;
        cursor: pointer;
        color: #fff;
        width: 50%;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        position: relative;
        box-sizing: border-box
    }

    header .header_inner .nav li .nav_title a {
        color: #fff
    }

    header .header_inner .nav li .nav_title::before {
        opacity: 0;
        transition: none
    }

    header .header_inner .nav li .nav_list {
        opacity: 1;
        display: none;
        height: 100vh;
        width: 50%;
        overflow: hidden;
        transition: all .5s ease-in-out;
        box-sizing: border-box;
        position: absolute;
        left: inherit;
        right: 0;
        top: 0;
        min-width: auto;
        background: #fff;
        border-radius: 0;
        border-top: 0
    }

    header .header_inner .nav li .nav_list dl {
        margin: .2rem 0;
        height: 100vh;
        -ms-flex-align: start;
        align-items: flex-start
    }

    header .header_inner .nav li .nav_list dl dd {
        position: inherit;
        padding: 0 .4rem
    }

    header .header_inner .nav li .nav_list dl dd .l_tit {
        font-size: .24rem;
        line-height: .8rem;
        color: #222;
        width: 100%;
        display: block;
        white-space: nowrap;
        padding-right: .15rem;
        cursor: pointer
    }

    header .header_inner .nav li .nav_list dl dd .nav_item_list {
        display: block;
        position: inherit;
        height: auto;
        width: auto;
        left: 0;
        top: 0;
        right: inherit;
        background: #fff;
        padding: 0;
        overflow: hidden;
        transition: all .5s ease-in-out
    }

    header .header_inner .nav li .nav_list dl dd .nav_item_list p {
        color: #999;
        font-size: .18rem;
        line-height: .36rem;
        cursor: pointer;
        white-space: nowrap
    }

    header .header_inner .nav li .nav_list dl dd .nav_item_list p:hover {
        color: #2a4fdb
    }

    header .header_inner .nav li .nav_list dl dd:hover .active {
        background: 0
    }

    header .header_inner .nav li .nav_list dl dd:hover .l_tit {
        color: #2a4fdb
    }

    header .header_inner .nav li .nav_list dl dd:hover .nav_item_list {
        display: block
    }

    header .header_inner .nav li .nav_list dl .childActive .l_tit {
        border: 0
    }

    header .header_inner .nav li .nav_list dl .childActive .l_tit::before {
        display: none
    }

    header .header_inner .nav li .nav_list dl .childActive .nav_item_list {
        display: block
    }

    header .header_inner .nav li .nav_column {
        background: #fff
    }

    header .header_inner .nav li .nav_column dl {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-direction: column;
        flex-direction: column;
        margin: .2rem .4rem
    }

    header .header_inner .nav li .nav_column dl dd .l_tit {
        line-height: .9rem;
        background: 0;
        color: #111;
        width: auto;
        padding: 0 .24rem
    }

    header .header_inner .nav li .nav_column dl dd .l_tit a {
        color: #111
    }

    header .header_inner .nav li .nav_column dl .childActive {
        box-sizing: border-box
    }

    header .header_inner .nav li .nav_column dl .childActive .l_tit {
        background: 0;
        height: .76rem;
        border-bottom: 0
    }

    header .header_inner .nav li .nav_column dl .childActive .l_tit a {
        color: #111
    }

    header .header_inner .nav li .nav_column dl .childActive .l_tit::before {
        display: none
    }

    header .header_inner .nav li:hover .nav_title:hover {
        text-decoration: none
    }

    header .header_inner .nav li:hover .nav_title:active {
        color: #111
    }

    header .header_inner .nav li:hover .nav_list {
        opacity: 1;
        display: block;
        height: inherit;
        overflow: inherit
    }

    header .header_inner .nav .active {
        background-color: #fff
    }

    header .header_inner .nav .active .nav_title {
        background-image: -webkit-linear-gradient(top, #3985f6, #56beec);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    header .header_inner .nav .active .nav_title:before {
        transition: none;
        opacity: 1;
        border: 0;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        height: 100%;
        width: .1rem;
        background: linear-gradient(to bottom, #d3338d, #2a4fdb)
    }

    header .header_inner .nav .active .nav_list {
        opacity: 1;
        display: block
    }

    header .header_inner .mobile-menu-active {
        display: block
    }

    header nav::after {
        content: '';
        display: block;
        clear: both
    }

    header .nav_right {
        height: 1rem;
        margin-right: .6rem
    }

    header .nav_right .tel_number {
        height: .45rem;
        line-height: .45rem;
        border-radius: .45rem;
        padding: 0 .2rem;
        font-size: .16rem;
        box-shadow: 1px .06rem .14rem .75px rgba(208, 51, 140, 0.35)
    }

    header .nav_right .search {
        position: relative;
        height: 100%;
        font-size: 0;
        padding-right: .3rem;
        padding-left: .3rem
    }

    header .nav_right .search .search_icon {
        width: .25rem;
        height: .24rem;
        margin-top: .4rem;
        cursor: pointer
    }

    header .nav_right .search .search_icon img {
        width: 100%;
        height: 100%
    }

    header .nav_right .search .search_input {
        position: fixed;
        right: 0;
        top: 1rem;
        width: 100%;
        background: #fff
    }

    header .nav_right .search .search_input::before {
        content: '';
        width: .1rem;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(to top, #2a4fdb, #d3338d)
    }

    header .nav_right .search .search_input .input_square {
        display: none;
        margin: .4rem .38rem .4rem .5rem;
        background: #f4f4f4;
        position: relative
    }

    header .nav_right .search .search_input .input_square input {
        height: .28rem;
        padding: .19rem .3rem;
        border: 0;
        font-size: .2rem;
        background: #f4f4f4;
        width: 5.4rem
    }

    header .nav_right .search .search_input .input_square img {
        cursor: pointer;
        width: .32rem;
        height: .31rem;
        position: absolute;
        top: .19rem;
        right: .32rem
    }

    header .nav_right .search:hover .input_square {
        display: block
    }

    header .nav_right .nav_login {
        font-size: 0;
        padding: 0 0 0 .26rem;
        background: url('../images/login_icon.png') no-repeat left center;
        background-size: .25rem .26rem
    }

    header .nav_right .nav_login.un_login .login_chanceList {
        display: none;
        background: linear-gradient(to bottom right, #d3338d, #2a4fdb);
        position: absolute;
        left: 50%;
        top: 100%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 2.6rem
    }

    header .nav_right .nav_login.un_login .login_chanceList a {
        position: relative;
        display: block;
        text-decoration: none;
        height: .81rem;
        line-height: .81rem;
        text-align: center;
        font-size: .18rem;
        font-style: normal;
        transition: all .2s ease-in;
        color: #fff
    }

    header .nav_right .nav_login.un_login .login_chanceList a span {
        display: inline-block;
        vertical-align: middle;
        width: .2rem;
        height: .24rem;
        margin-right: .2rem;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: center bottom
    }

    header .nav_right .nav_login.un_login .login_chanceList a span.userBtn {
        background-image: url('../images/user_login_btn1.png')
    }

    header .nav_right .nav_login.un_login .login_chanceList a span.customerBtn {
        background-image: url('../images/user_login_btn2.png')
    }

    header .nav_right .nav_login.un_login .login_chanceList a.loginActive {
        background: #fff;
        color: #222
    }

    header .nav_right .nav_login.un_login .login_chanceList a.loginActive span {
        background-position: center top
    }

    header .nav_right .nav_login.un_login .login_chanceList a.loginActive::after {
        display: block
    }

    header .nav_right .nav_login.un_login .login_chanceList a::after {
        display: none;
        content: '';
        width: .1rem;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(to bottom, #d3338d, #2a4fdb)
    }

    header .nav_right .nav_login.already_login {
        background: url('../images/login_icon.png') no-repeat left center;
        background-size: .25rem .26rem;
        padding: 0 0 0 .26rem
    }

    header .nav_right .nav_language {
        font-size: 0;
        padding: 0 0 0 .26rem;
        margin-left: 0
    }

    header .nav_right .nav_language .lan span {
        display: inline-block;
        width: .3rem;
        height: .3rem;
        margin-right: .1rem;
        border: 2px solid #2a2a2a;
        box-sizing: border-box;
        border-radius: .05rem;
        display: -ms-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: .2rem
    }

    header .nav_right .nav_language:hover .languageList {
        display: block
    }

    header .nav_right .nav_language .languageList {
        display: none;
        background: linear-gradient(to bottom right, #d3338d, #2a4fdb);
        position: absolute;
        left: 50%;
        top: 100%;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 2rem
    }

    header .nav_right .nav_language .languageList a {
        position: relative;
        display: block;
        text-decoration: none;
        height: .61rem;
        line-height: .61rem;
        text-align: center;
        font-size: .18rem;
        font-style: normal;
        transition: all .2s ease-in;
        color: #fff
    }

    header .nav_right .nav_language .languageList a span {
        display: inline-block;
        width: .3rem;
        height: .3rem;
        margin-right: .15rem;
        border: 2px solid #fff;
        box-sizing: border-box;
        border-radius: .05rem;
        display: -ms-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: .18rem
    }

    header .nav_right .nav_language .languageList a.lanActive {
        background: #fff;
        color: #222
    }

    header .nav_right .nav_language .languageList a.lanActive::after {
        display: block
    }

    header .nav_right .nav_language .languageList a::after {
        display: none;
        content: '';
        width: .1rem;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: linear-gradient(to bottom, #d3338d, #2a4fdb)
    }

    header .nav_right .nav_language .languageList a.lanActive span {
        color: #7543b9;
        border: 2px solid #7543b9
    }

    header .mobile-menu {
        display: block;
        position: absolute;
        z-index: 999;
        top: .4rem;
        right: 0;
        width: .3rem;
        height: .3rem
    }

    header .mobile-menu.mobile-menu-active div:nth-child(1) {
        -ms-transform: translate(0, 0.09rem) rotate(45deg);
        transform: translate(0, 0.09rem) rotate(45deg)
    }

    header .mobile-menu.mobile-menu-active div:nth-child(2) {
        -ms-transform: translate(-0.03rem, 0);
        transform: translate(-0.03rem, 0);
        opacity: 0
    }

    header .mobile-menu.mobile-menu-active div:nth-child(3) {
        -ms-transform: translate(0, -0.09rem) rotate(-45deg);
        transform: translate(0, -0.09rem) rotate(-45deg)
    }

    header .mobile-menu div {
        background: #111;
        width: 100%;
        height: .03rem;
        margin: .06rem 0 0;
        transition: all .15s cubic-bezier(0, 0.3, 0.8, 1) 0s
    }

    header .mobile-menu div:nth-child(1) {
        margin-top: 0
    }

    .freeTry {
        transition: opacity .3s linear;
        width: 100%;
        height: 100%;
        position: fixed;
        display: block;
        top: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 1200
    }

    .freeTry .freeTry_mask {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 501
    }

    .freeTry .freeTry_content {
        min-height: 100vh;
        width: 100%;
        background-color: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 505;
        overflow-y: scroll
    }

    .freeTry .freeTry_content .closeFreeTry {
        width: .4rem;
        height: .4rem;
        background: url('../images/closefreetry.png') no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        right: .6rem;
        top: .6rem;
        cursor: pointer;
        z-index: 1
    }

    .freeTry .freeTry_content .freeTry_left {
        width: 100%;
        height: 50vh;
        float: inherit;
        background: url('../images/freetry_bg.jpg') #eeecf2 no-repeat center center;
        background-size: 100% 100%;
        padding: 0 .63rem;
        box-sizing: border-box;
        overflow: hidden
    }

    .freeTry .freeTry_content .freeTry_left .logo {
        font-size: 0;
        margin-top: 0;
        padding-top: .65rem
    }

    .freeTry .freeTry_content .freeTry_left .logo img {
        height: .4rem
    }

    .freeTry .freeTry_content .freeTry_left .freeTry_txt {
        height: 2.6rem;
        display: table-cell;
        vertical-align: middle;
        color: #222
    }

    .freeTry .freeTry_content .freeTry_left .freeTry_txt p {
        font-size: .24rem;
        line-height: .4rem
    }

    .freeTry .freeTry_content .freeTry_left .freeTry_txt h3 {
        font-size: .42rem;
        line-height: .7rem
    }

    .freeTry .freeTry_content .freeTry_left .freeTry_list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .freeTry .freeTry_content .freeTry_left .freeTry_list li {
        font-size: 0;
        width: 1.17rem;
        height: .73rem;
        border-radius: .1rem;
        border: .01rem solid #e0e0e0;
        box-shadow: 1px 10px 19px 1px rgba(153, 153, 153, 0.2);
        overflow: hidden;
        box-sizing: border-box;
        margin-bottom: .13rem
    }

    .freeTry .freeTry_content .freeTry_left .freeTry_list li img {
        width: 100%;
        height: 100%
    }

    .freeTry .freeTry_content .freeTry_right {
        width: 100%;
        height: auto;
        float: inherit;
        padding: .68rem .84rem .68rem .84rem;
        box-sizing: border-box;
        position: relative
    }

    .freeTry .freeTry_content .freeTry_right::before {
        content: '';
        display: block;
        width: 5.85rem;
        height: 5.68rem;
        position: absolute;
        top: 0;
        right: 0;
        background: 0;
        background-size: 100% 100%;
        z-index: -1
    }

    .freeTry .freeTry_content .freeTry_right h3 {
        font-size: .31rem;
        text-align: center;
        color: #000;
        line-height: .45rem
    }

    .freeTry .freeTry_content .freeTry_right p {
        font-size: .14rem;
        text-align: center;
        color: #999;
        line-height: .35rem
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form {
        padding-top: .28rem
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item {
        margin-bottom: .07rem
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .input_tit {
        font-size: .16rem;
        color: #222;
        line-height: .5rem;
        width: 1.1rem;
        float: left;
        position: relative
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .input_tit.required::before {
        content: '*';
        display: block;
        position: absolute;
        left: -0.18rem;
        top: 0;
        font-size: .16rem;
        color: #d1338e
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .inputVal {
        margin-left: 1.1rem;
        display: block;
        position: relative;
        font-size: .16rem;
        padding: .16rem .24rem;
        border: .01rem solid #dcdcdc;
        transition: .3s;
        font-size: .14rem;
        color: #777;
        width: calc(100% - 1.1rem);
        border-radius: .03rem;
        box-sizing: border-box
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .inputVal:focus {
        color: #0133ed;
        border: .01rem solid #0133ed
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv {
        margin-left: 1.1rem;
        position: relative
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectInput {
        height: .5rem;
        line-height: .5rem;
        box-sizing: border-box;
        border: .01rem solid #dcdcdc;
        border-radius: .03rem;
        padding: 0 .24rem;
        font-size: .14rem;
        cursor: pointer;
        position: relative
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectInput::after {
        position: absolute;
        right: .25rem;
        top: .17rem;
        content: '';
        display: block;
        width: .17rem;
        height: .1rem;
        background: url('../images/select_down_icon.png') no-repeat center center;
        background-size: 100% 100%
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectInput span {
        font-size: .14rem;
        color: #999;
        font-weight: normal
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectList {
        display: none;
        position: absolute;
        left: 0;
        top: .5rem;
        width: 100%;
        background: #fff;
        border: .01rem solid #dcdcdc;
        border-top: 0;
        box-sizing: border-box
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectList.active {
        display: block
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectList li {
        line-height: .5rem;
        padding: 0 .24rem;
        cursor: pointer;
        font-size: .16rem
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectList li:hover {
        color: #0133ed
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .selectDiv .selectList li:nth-last-child(1) {
        border-bottom: 0
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .input_textarea {
        border-radius: .03rem;
        border: .01rem solid #dcdcdc;
        resize: none;
        float: left;
        width: calc(100% - 1.1rem);
        box-sizing: border-box;
        font-size: .16rem;
        padding: .11rem .24rem
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .code {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .code .yzm {
        width: 3.11rem;
        margin-bottom: 0;
        margin-left: 0
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .code i {
        font-size: .18rem;
        color: #999;
        width: 1.82rem;
        height: .5rem;
        font-style: normal;
        display: none;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .input_item .code span {
        font-size: .14rem;
        color: #0133ed;
        width: 1.82rem;
        height: .5rem;
        background: #f1f4f8;
        display: inline-block;
        border-radius: .05rem;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .freeTry .freeTry_content .freeTry_right .freeTry_form .submit_btn {
        font-size: .14rem;
        color: #fff;
        border-radius: .05rem;
        width: 100%;
        height: .47rem;
        cursor: pointer;
        margin-top: .38rem;
        margin-bottom: .26rem;
        box-shadow: 0 5px 10px 0 rgba(63, 76, 209, 0.35);
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background: linear-gradient(to left, #2a4fdb, #d3338d)
    }

    .freeTry .freeTry_content .freeTry_right .agree_msg {
        font-size: .16rem;
        color: #999;
        line-height: .2rem;
        text-align: center;
        cursor: pointer
    }

    .freeTry .freeTry_content .freeTry_right .agree_msg span {
        display: inline-block;
        margin-right: .1rem;
        width: .15rem;
        height: .15rem;
        background-image: url('../images/checkbox_icon.png');
        background-position: top center;
        background-size: 100% auto
    }

    .freeTry .freeTry_content .freeTry_right .agree_msg span.active {
        background-position: bottom center
    }

    .freeTry .freeTry_content .freeTry_right .agree_msg i {
        font-style: normal
    }

    .loginRegister_page {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2000;
        background: rgba(0, 0, 0, 0.5)
    }

    .loginRegister_page .loginRegister_main {
        position: absolute;
        left: 50%;
        top: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0;
        width: 5.5rem;
        height: auto;
        background: #fff;
        border-radius: .1rem;
        overflow: hidden
    }

    .loginRegister_page .loginRegister_main .loginRegister_left {
        display: none;
        float: inherit;
        width: 100%;
        height: 50%;
        font-size: 0;
        overflow: hidden
    }

    .loginRegister_page .loginRegister_main .loginRegister_left img {
        width: 100%;
        height: auto
    }

    .loginRegister_page .loginRegister_main .loginRegister_right {
        margin-left: 0;
        position: relative;
        padding: .44rem .5rem .44rem .5rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .closeLogin {
        position: absolute;
        top: .3rem;
        right: .3rem;
        width: .14rem;
        height: .15rem;
        background-image: url('../images/close_btn.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        cursor: pointer
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .closeLogin:hover {
        opacity: .5
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_tit {
        font-size: .26rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_tit span {
        font-size: .14rem;
        margin-left: .16rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_tit i {
        font-size: .14rem;
        font-style: normal;
        color: #0133ed;
        cursor: pointer
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_square {
        padding-top: .44rem;
        position: relative
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .register_square {
        padding-top: .24rem;
        position: relative
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .error_ts {
        color: red;
        font-size: .14rem;
        position: absolute;
        left: 0;
        top: .16rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_ts {
        height: .4rem;
        margin: 0rem auto .2rem;
        text-align: center;
        font-size: .14rem;
        background: #f5f7fa;
        border: .01rem solid #f2f3f5;
        padding: 0 .2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        display: -ms-inline-flexbox;
        display: inline-flex;
        cursor: pointer;
        border-radius: .05rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_ts img {
        height: .15rem;
        margin-right: .05rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .wechat_ewm {
        width: 1.61rem;
        height: 1.62rem;
        font-size: 0;
        margin: 0 auto
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .wechat_ewm img {
        width: 100%;
        height: 100%
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .agree {
        text-align: center;
        font-size: .14rem;
        line-height: .24rem;
        margin-top: .15rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .agree a {
        color: #0133ed
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .agree a:hover {
        text-decoration: none
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .inputVal {
        display: block;
        position: relative;
        height: .2rem;
        padding: .1rem .18rem;
        border: .01rem solid #dcdcdc;
        transition: .3s;
        font-size: .14rem;
        color: #777;
        width: calc(100% - .36rem);
        margin-bottom: .15rem;
        border-radius: .05rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .inputVal:focus {
        color: #0133ed;
        border: .01rem solid #0133ed
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .code {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: .15rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .code .yzm {
        width: 2rem;
        margin-bottom: 0
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .code i {
        font-size: .14rem;
        color: #999;
        width: 2rem;
        height: .44rem;
        display: inline-block;
        font-style: normal;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        display: none
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .code span {
        font-size: .14rem;
        color: #0133ed;
        width: 2rem;
        height: .44rem;
        background: #f1f4f8;
        display: inline-block;
        border-radius: .05rem;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .forget_btn {
        font-size: .14rem;
        line-height: .22rem;
        text-align: right
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .forget_btn span {
        color: #777;
        cursor: pointer
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .forget_btn span:hover {
        color: #0133ed
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_btn {
        font-size: .14rem;
        color: #fff;
        border-radius: .05rem;
        width: 100%;
        height: .4rem;
        cursor: pointer;
        margin-top: .25rem;
        margin-bottom: .58rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background: linear-gradient(to left, #2a4fdb, #d3338d)
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .register_btn {
        margin-bottom: .1rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .forget_pass {
        padding-top: .42rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .forget_pass .forget_item {
        color: #999;
        font-size: .14rem;
        padding-bottom: .46rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .forget_pass .forget_item span {
        margin-right: .28rem;
        cursor: pointer;
        line-height: .26rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .forget_pass .forget_item .active {
        font-size: .18rem;
        color: #111;
        position: relative;
        z-index: 1
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .forget_pass .forget_item .active::before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        display: block;
        width: 100%;
        height: .06rem;
        background: #d5e1fd;
        z-index: -1
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_other {
        margin-top: .44rem;
        height: .3rem;
        line-height: .3rem;
        text-align: center;
        position: relative
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_other::before {
        position: absolute;
        left: 0;
        top: .15rem;
        content: '';
        display: block;
        width: 100%;
        height: .01rem;
        background: rgba(0, 0, 0, 0.15);
        z-index: 0
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_other span {
        font-size: .16rem;
        display: inline-block;
        background: #fff;
        padding: 0 .12rem;
        position: relative;
        z-index: 1
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .register_tit {
        margin-top: .26rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: .22rem
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item {
        width: 1.06rem;
        text-align: center;
        cursor: pointer
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item:hover .mode_img {
        background-position: bottom center
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item:hover .mode_name {
        color: #0133ed
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .mode_img {
        font-size: 0;
        width: .45rem;
        height: .45rem;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 100% auto;
        display: inline-block;
        overflow: hidden
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .mode_img:hover {
        background-position: bottom center
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .wechat_mode {
        background-image: url('../images/mode_wechat.png')
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .tel_mode {
        background-image: url('../images/mode_tel.png')
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .email_mode {
        background-image: url('../images/mode_email.png')
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .eWechat_mode {
        background-image: url('../images/mode_ewechat.png')
    }

    .loginRegister_page .loginRegister_main .loginRegister_right .login_mode .mode_item .mode_name {
        font-size: .14rem;
        line-height: .34rem;
        color: #666
    }

    .main .subpageBanner {
        position: relative;
        width: 100%;
        height: 5.5rem;
        font-size: 0;
        overflow: hidden
    }

    .main .subpageBanner .subpageBanner_img {
        position: absolute;
        left: 50%;
        top: 0;
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: auto;
        height: 100%
    }

    .main .subpageBanner .subpageBanner_img img {
        width: auto;
        height: 100%
    }

    .main .subpageBanner .subpageBanner_inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        margin-left: 0
    }

    .main .subpageBanner .subpageBanner_inner .subpageBanner_txt {
        position: absolute;
        top: 50%;
        left: .48rem;
        color: #222;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .main .subpageBanner .subpageBanner_inner .subpageBanner_txt .subpageBanner_title {
        font-size: .48rem;
        line-height: .7rem;
        font-weight: bold;
        padding-bottom: 0;
        text-shadow: .01rem .06rem .297rem rgba(252, 250, 251, 0.3)
    }

    .main .subpageBanner .subpageBanner_inner .subpageBanner_txt .subpageBanner_desc {
        font-size: .3rem;
        line-height: .64rem;
        text-shadow: .01rem .06rem .297rem rgba(252, 250, 251, 0.3)
    }

    .main .subpageBanner .subpageBanner_inner .subpageBanner_txt .banner_btn {
        padding-top: .29rem
    }

    .main .subpageBanner .subpageBanner_inner .subpageBanner_txt .banner_btn .free_try {
        width: 2.5rem;
        height: .5rem;
        line-height: .5rem;
        font-size: .18rem;
        padding: 0 .38rem;
        border-radius: .5rem;
        box-shadow: 0 .08rem .19rem 1px rgba(0, 51, 238, 0.35)
    }

    .main .subpageBanner .subpageBanner_inner .subpageBanner_txt .banner_btn .free_try img {
        width: .19rem;
        height: .12rem
    }

    .main .subpageBanner .subpageBanner_inner .subpageBanner_txt .banner_btn .watch_demo {
        width: 1.8rem;
        height: .5rem;
        line-height: .5rem;
        font-size: .18rem;
        border-radius: .5rem;
        margin-left: .19rem
    }

    .main .subpageBanner .subpageBanner_bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: .72rem;
        line-height: .72rem;
        background: rgba(255, 255, 255, 0.5)
    }

    .main .subpageBanner .subpageBanner_bottom .subpageBanner_nav {
        width: auto;
        margin: 0 .52rem;
        font-size: .2rem;
        color: #222
    }

    .main .subpageBanner .subpageBanner_bottom .subpageBanner_nav span {
        color: #222;
        cursor: pointer
    }

    .main .subpageBanner .subpageBanner_bottom .subpageBanner_nav i {
        padding: 0 .23rem
    }

    .main .textColumn {
        position: relative;
        width: 100%;
        padding-bottom: 1rem;
        background-image: url('../images/challenage_bg.jpg');
        background-color: #fff;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%
    }

    .main .textColumn .textColumn_inner {
        width: auto;
        margin: 0 .5rem
    }

    .main .textColumn .textColumn_inner .textColumn_title {
        text-align: center;
        font-size: .40rem;
        line-height: .6rem;
        padding-top: .88rem;
        font-weight: bold
    }

    .main .textColumn .textColumn_inner .textColumn_desc {
        font-size: .24rem;
        line-height: .3rem;
        padding-top: .15rem;
        color: #666;
        text-align: center
    }

    .main .textColumn .textColumn_inner .textColumn_main {
        position: relative;
        background: #fff;
        padding: .48rem .58rem;
        border-radius: .1rem;
        margin-top: .55rem;
        font-size: .24rem;
        color: #666;
        line-height: .4rem
    }

    .page .reportDetail {
        position: relative;
        width: 100%;
        padding-bottom: 1.4rem;
        background: url('../images/core_advantage_bg2.jpg') #fff no-repeat bottom center;
        background-size: auto 2.69rem
    }

    .page .reportDetail:before {
        content: '';
        display: block;
        width: 2.78rem;
        height: 2.64rem;
        position: absolute;
        top: 0;
        left: 0;
        right: inherit;
        background: url('../images/core_advantage_bg1.jpg') #fff no-repeat bottom center;
        background-size: 100% 100%
    }

    .page .reportDetail .reportDetail_inner {
        width: auto;
        margin: 0 auto;
        position: relative;
        margin: 0 .48rem;
        overflow: hidden
    }

    .page .reportDetail .reportDetail_inner .detail_title {
        font-size: .45rem;
        line-height: .56rem;
        text-align: center;
        margin-top: 1.14rem;
        font-weight: bold
    }

    .page .reportDetail .reportDetail_inner .detail_desc {
        text-align: center;
        font-size: .24rem;
        color: #666;
        line-height: .3rem;
        margin-bottom: .76rem;
        margin-top: .28rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }

    .page .reportDetail .reportDetail_inner .detail_desc span {
        margin: 0 .3rem
    }

    footer {
        width: 100%;
        background: #fff
    }

    footer .ad_banner {
        width: 100%;
        height: auto;
        background: #1f1921;
        position: relative
    }

    footer .ad_banner:before {
        display: block;
        content: '';
        width: 1.92rem;
        height: 1.4rem;
        background: url('../images/ad_bg_left.jpg') no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        left: 0;
        bottom: 0
    }

    footer .ad_banner:after {
        display: block;
        content: '';
        width: 1.92rem;
        height: 1.4rem;
        background: url('../images/ad_bg_right.jpg') no-repeat center center;
        background-size: 100% 100%;
        position: absolute;
        right: 0;
        bottom: 0
    }

    footer .ad_banner .ad_banner_inner {
        position: relative;
        width: auto;
        height: 100%;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background: url('../images/ad_bg_center.jpg') no-repeat right 1rem top;
        background-size: auto 1rem;
        z-index: 10;
        padding: .68rem 0 .76rem 0
    }

    footer .ad_banner .ad_banner_inner .ad_info {
        width: 100%;
        padding: 0 .74rem;
        font-size: .36rem;
        line-height: .48rem;
        color: #fff
    }

    footer .ad_banner .ad_banner_inner .ad_btn {
        margin-top: .44rem;
        width: 2.5rem;
        height: .5rem;
        line-height: .5rem;
        font-size: .18rem;
        padding: 0 .38rem;
        border-radius: .5rem;
        box-shadow: 0 .08rem .19rem 1px rgba(0, 51, 238, 0.35)
    }

    footer .ad_banner .ad_banner_inner .ad_btn img {
        width: .19rem;
        height: .12rem
    }

    footer .footer_support {
        padding: .5rem .2rem;
        border-bottom: 1px solid rgba(90, 90, 90, 0.1)
    }

    footer .footer_support .support_inner {
        width: auto;
        margin: 0 auto;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    footer .footer_support .support_inner .support_item {
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin: 0 .08rem
    }

    footer .footer_support .support_inner .support_item dt {
        text-align: center;
        float: inherit;
        font-size: 0;
        margin-bottom: .1rem
    }

    footer .footer_support .support_inner .support_item dt img {
        width: .51rem;
        height: .5rem
    }

    footer .footer_support .support_inner .support_item dd {
        margin-left: 0;
        text-align: center
    }

    footer .footer_support .support_inner .support_item dd h3 {
        font-size: .18rem;
        font-weight: normal;
        line-height: .38rem
    }

    footer .footer_support .support_inner .support_item dd p {
        font-size: .14rem;
        padding-top: 0;
        line-height: .26rem;
        color: #999
    }

    footer .footer_nav {
        padding: .4rem 0;
        border-bottom: 1px solid rgba(90, 90, 90, 0.1)
    }

    footer .footer_nav .nav_inner {
        width: auto;
        margin: 0 .4rem
    }

    footer .footer_nav .nav_inner .nav_list {
        float: left;
        width: 78%
    }

    footer .footer_nav .nav_inner .nav_list li {
        float: left;
        width: 1.66rem;
        padding-top: .16rem
    }

    footer .footer_nav .nav_inner .nav_list li:nth-child(2n) {
        width: 1.66rem
    }

    footer .footer_nav .nav_inner .nav_list li h3 {
        font-size: .2rem;
        line-height: .3rem;
        padding-bottom: .2rem;
        color: #444
    }

    footer .footer_nav .nav_inner .nav_list li p {
        display: none;
        font-size: 14px;
        color: #999;
        line-height: 24px;
        cursor: pointer
    }

    footer .footer_nav .nav_inner .nav_list li p:hover {
        color: #03e
    }

    footer .footer_nav .nav_inner .nav_ewm {
        float: right;
        width: 1.28rem;
        height: 1.28rem;
        font-size: 0
    }

    footer .footer_nav .nav_inner .nav_ewm img {
        width: 100%;
        height: 100%
    }

    footer .copyright {
        height: auto;
        line-height: .3rem;
        padding: .4rem .2rem;
        color: #999;
        font-size: 0;
        text-align: center
    }

    footer .copyright .copyright_inner {
        width: auto;
        margin: 0 auto;
        position: relative
    }

    footer .copyright .copyright_inner span {
        padding: 0;
        font-size: .14rem;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-align: center;
        align-items: center
    }

    footer .copyright .copyright_inner span img {
        vertical-align: middle;
        margin-left: .14rem;
        height: .2rem
    }

    footer .copyright .copyright_inner .policy {
        position: inherit;
        line-height: .3rem
    }

    .video_wrap {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 9999
    }

    .video_wrap .video_main {
        position: fixed;
        background: #000;
        width: 100%;
        max-width: inherit;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .video_wrap .video_main video {
        width: 100%
    }

    .video_wrap .video_main .closeBtn {
        width: .4rem;
        height: .4rem;
        position: absolute;
        cursor: pointer;
        top: -0.6rem;
        right: .38rem;
        color: #fff;
        font-size: 0
    }

    .video_wrap .video_main .closeBtn img {
        width: 100%;
        height: 100%
    }
}

.main .rightSideBar {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 1000;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.main .rightSideBar ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end
}

.main .rightSideBar ul li {
    width: 1rem;
    height: 1rem;
    background: rgba(255, 255, 255, 0.9);
    border-radius: .1rem;
    cursor: pointer;
    margin-bottom: .02rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .23rem 0 0 0;
    box-sizing: border-box
}

.main .rightSideBar ul li .sideBar_icon {
    min-width: .3rem;
    height: .32rem;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: .3rem auto
}

.main .rightSideBar ul li .sideBar_txt {
    font-size: .16rem;
    line-height: .36rem;
    text-align: center
}

.main .rightSideBar ul li .sideBar_tel {
    display: none;
    font-size: .24rem
}

.main .rightSideBar ul li .sideBar_tel a {
    color: #fff;
    text-decoration: none
}

.main .rightSideBar ul li.tel_column .sideBar_icon {
    background-image: url('../images/sidebar_tel_icon.png')
}

.main .rightSideBar ul li.zhiCustomBtn .sideBar_icon {
    background-image: url('../images/sidebar_customer_icon.png')
}

.main .rightSideBar ul li.try_column .sideBar_icon {
    background-image: url('../images/sidebar_try_icon.png')
}

.main .rightSideBar ul li:hover.tel_column {
    padding: 0;
    width: 2.5rem;
    background: #3ac6e7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.main .rightSideBar ul li:hover.tel_column .sideBar_icon {
    margin: 0 .12rem 0 .25rem
}

.main .rightSideBar ul li:hover.tel_column .sideBar_txt {
    display: none
}

.main .rightSideBar ul li:hover.tel_column .sideBar_tel {
    display: block;
    color: #fff
}

.main .rightSideBar ul li:hover.zhiCustomBtn {
    background: linear-gradient(to left, #f48a2f, #f74227)
}

.main .rightSideBar ul li:hover.try_column {
    background: linear-gradient(to left, #9a85f9, #6d7ff9)
}

.main .rightSideBar ul li:hover .sideBar_icon {
    background-position: center bottom
}

.main .rightSideBar ul li:hover .sideBar_txt {
    color: #fff
}